<html>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="milk">
<style type="text/css">
#login{
position: relative;
display: none;
top: 20px;
left: 30px;
width: 280px;
height: 150px;
background-color:gray;
text-align: center;
border: 1px solid blue ;
padding: 10px;
z-index: 1;
}
#panel{
background-color:yellow;
padding: 10px;
margin: 10px;
}
</style>
<script type="text/javascript">
function showLogin()
{
login.style.display = "block";
}
function showForbid()
{
forbid.style.width = document.body.clientWidth;
forbid.style.height = document.body.clientHeight;
forbid.style.visibility = "visible";
}
</script>
</HEAD>
<BODY>
<div id="forbid" style="position: absolute; visibility: hidden; z-index: 0; top: 0px; left: 0px;
background-color: #CCCCCC; filter:Alpha(Opacity=60,style=0);"></div>
<a href="javascript:showLogin();showForbid();void(0);">百度登录</a>
<div id="login">
<span>登录</span>
<div id="panel">
<lable>昵 称：</lable><input type="text" size="20" /><br /><br />
<lable>密 码：</lable><input type="password" size="20"><br /><br />

</div>
<input type="button" value="登录" />
<br />
<br />
<a href="javascript:login.style.display = 'none';forbid.style.visibility = 'hidden'; void(0);">关闭</a>
</div>
</BODY>
</html>
